<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>html5视频播放器</title>
	<link rel="stylesheet" href="./css/pure-min.css">
	<link rel="stylesheet" href="./css/main.css">
</head>
<body>
	<div class="wrapper">
		<div class="pure-g">
			<div class="pure-u-1">
				<div class="player">
					<video id="player" width="600" height="450">您的浏览器不支持HTML5
						<source src="./videos/echo-hereweare.mp4"></source>
					</video>
					<div class="pure-g" id="controller">
						<div class="pure-u-1-12">
							<span id="play" class="icon icon-play"></span>
							<span id="stop" class="icon icon-stop"></span>
						</div>
						<div class="pure-u-13-24 overflow-h">
							<div id="progressBar" class="controlBar">
								<div id="innerBar" class="controlInner"></div>
							</div>
						</div>
						<div class="pure-u-1-4">
							<span id="timer">0:00</span>
							<span id="volume" class="icon icon-volume"></span>
							<div id="volume-control" class="controlBar">
								<div id="volume-inner" class="controlInner"></div>
							</div>
						</div>
						<div class="pure-u-1-8 overflow-h">
							<span id="expand" class="icon icon-expand"></span>
							<span id="upload" class="icon icon-upload"></span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="pure-g">
			<div class="pure-u-1">
				<input type="file" id="file">
			</div>
		</div>
	</div>
	<script src="./js/jquery-1.9.0.min.js"></script>
	<script src="./js/main.js"></script>
</body>
</html>